モバイルサイト作成 入力フォームで半角英数字設定
2011.06.07
この記事は最終更新日から1年以上が経過しています。
モバイルサイト作成時に入力フォームで半角英数字をデフォルトの設定にする方法です。
DoCoMoの場合
inputタグに「istyle」属性を追加。
istyle=”1″ 全角かなモード
istyle=”2″ 半角カナモード
istyle=”3″ 半角英字モード
istyle=”4″ 半角数字モード
HTML
<input type="text" istyle="4" value="" />
auの場合
inputタグに「format」属性を追加。
format=”*A” 半角英字(大文字)モード
format=”*a” 半角英字(小文字)モード
format=”*N” 半角数字モード
format=”*X” 半角英数(大文字)モード
format=”*x” 半角英数(小文字)モード
format=”*M” 全角かなモード
format=”*m” 全角英字モード
HTML
<input type="text" format="*m" value="" />
※ *は文字数制限無しという意味。文字数の設定ができますが、対応していない機種もあるため
*で設定するのが無難。
Softbankの場合
inputタグに「mode」属性を追加。
mode=”hiragana” 全角かなモード
mode=”katakana” 全角カナモード
mode=”alphabet” 半角英字モード
mode=”numeric” 半角数字モード
HTML
<input type="text" mode="numeric" value="" />
「istyle」で3キャリアある程度カバーできるのですが、
全部の属性を追加するのが無難。
HTML
<input type="text" istyle="4″ format="*N" mode="numeric" value="" />
(半角数字入力設定を行った場合)